import React from 'react';
import {pathFactory} from "../Helper/common";
import Demo from "./demo";
import DialogDemo1 from "./dialog/dialog.demo1";
import DialogDemo2 from "./dialog/dialog.demo2";
import DialogDemo3 from "./dialog/dialog.demo3";
import DialogDemo4 from "./dialog/dialog.demo4";
const Alertdemo = () => {
  return (
    <div>
     <Demo name={pathFactory(1,'dialog')} intro={'基本用法'}>
       <DialogDemo1/>
     </Demo>
      <Demo name={pathFactory(2,'dialog')} intro={'是否点击模态框关闭'}>
        <DialogDemo2/>
      </Demo>
      <Demo name={pathFactory(3,'dialog')} intro={'使用alert,confirm函数'}>
        <DialogDemo3/>
      </Demo>
      <Demo name={pathFactory(2,'dialog')} intro={'进阶使用'}>
        <DialogDemo4/>
      </Demo>
    </div>
  );
};

export default Alertdemo;